<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>css-notes</title>
  <style>
    div {
      width: 100px;
      height: 75px;
      color: #ffffff;
      background-color: #346093;
      border: 1px solid black;
    }

    div#div2 {
      transform: rotateY(130deg);
      -webkit-transform: rotateY(130deg); /* Safari and Chrome */
      -moz-transform: rotateY(130deg); /* Firefox */
    }
  </style>
</head>
<body>
<div>你好。这是一个 div 元素。</div>
<div id="div2">你好。这是一个 div 元素。</div>
<p><b>注释：</b> Internet Explorer 和 Opera 不支持 rotateX 方法。</p>
</body>
</html>
